@{Layout = "~/Views/Shared/_Layout.cshtml"; }

<head>
    <title>Portfolio</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="@Url.Content("~/Content/skin-2.css")">
    <link rel="stylesheet" type="text/css" media="screen" href="@Url.Content("~/Content/jquery.fancybox-1.3.4.css")">
    <link rel="stylesheet" type="text/css" media="screen" href="@Url.Content("~/Content/tabs.css")">
    <link rel="stylesheet" type="text/css" media="screen"   href="@Url.Content("~/Content/reset.css")">
    <link rel="stylesheet" type="text/css" media="screen"   href="@Url.Content("~/Content/style.css")">

    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>

    <script src="@Url.Content("~/Scripts/jquery-1.7.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.jcarousel.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.fancybox-1.3.4.pack.js")"></script>
    <script src="@Url.Content("~/Scripts/tabs.js")"></script>
    <script>
		$(document).ready(function(){
			jQuery('#mycarousel-1, #mycarousel-2, #mycarousel-3, #mycarousel-4, #mycarousel-5, #mycarousel-6, #mycarousel-7').jcarousel({
				horisontal: true,
				wrap:'circular',
				scroll:1,
				easing:'easeInOutBack',
				animation:1200
			});
			$("a.plus").fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'overlayShow'	:	true
			})
		});
	</script>

</head>


  <div class="header">
        <div class="subpages-nav">
            @Html.Partial("_MenuInicialPartial")
        </div>
  </div>   
<!--==============================content================================-->
    <section id="content">
    	<div class="page3-row1 pad-2 tabs">
        	<div class="col-8">
            	<h2 class="h2 p2">Categories:</h2>
                <ul class="list-1 nav">
                	<li class="selected"><a href="#tab-1">Loiras</a></li>
                    <li><a href="#tab-2">Morenas</a></li>
                    <li><a href="#tab-3">Ruivas</a></li>
                    <li><a href="#tab-4">Peitos Grandes</a></li>
                    <li><a href="#tab-5">Quadril Grande </a></li>
                    <li><a href="#tab-6">Altas</a></li>
                    <li><a href="#tab-7">Baixas</a></li>
                </ul>
            </div>
  
            <div class="col-9">
            	<h3 class="h3-2">Acompanhates:</h3>

            @{
                var ga = ViewBag.listaGarotas;

                int cont = 1;
                foreach (var it in ga)
                {

                    int flag = cont / 5;

                    if (flag == 0)
                    {
                        <text>
                            <div id="tab-@cont" class="tab-content gallery-photo">
                            <div class="inner">
                            <ul id="mycarousel-@cont" class="jcarousel-skin-tango">
                        </text>
                    }

                    var caminho = "~/Fotos/" + it.idGirl + "/Minhatura/";
                    DirectoryInfo arquivos = new DirectoryInfo(Server.MapPath(caminho));
                    if (arquivos.Exists)
                    {
                        FileInfo[] files = arquivos.GetFiles("*.jpg", SearchOption.TopDirectoryOnly);

                        foreach (var fileInfo in files)
                        {
                            var nomedafoto = fileInfo.Name;

                                    <li>
                                        <a class="plus" href="@Url.Action("AboutGirls", "Home", new { id = it.idGirl })" />
                                            <img id="@nomedafoto" src="@Url.Content("~/Fotos/" + it.idGirl + "/Minhatura/" + nomedafoto)" alt=""/>
                                             <a class="plus" href="@Url.Content("~/Content/images/portfolio-2-big.jpg")" />
                                    </li>
                        }

                    }

                    if (flag == 0)
                    {      
                        <text>
                            </ul>
                            </div>
                            </div>
                        </text> 
                    }
                }
                }


             
        </div>
    </section> 
